import React from 'react'
import store from '../../store/store'
import { getMovieAction } from '../../store/actions/movieAction'
import { useDispatch,useSelector } from 'react-redux'


export default function Movie() {

    const dispatch = useDispatch()

  const count = useSelector((state)=>state.count.count)
  const movieList = useSelector((state)=>state.movie.movieList)

  const getMovieHandle = ()=>{
    dispatch(getMovieAction())
  }

  return (
    <div>
        <h1>我是Movie组件</h1>
        <p>我收到的Count组件的值是{count}</p>

        <button onClick={getMovieHandle}>获取电影的数据</button>
        <ul>
          {
            movieList.map(item=>{
              return <li key={item.tvId}>{item.albumName}</li>
            })
          }
        </ul>
    </div>
  )
}
